@charset "utf-8";

*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static;-webkit-text-size-adjust:none;}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53"; color: #333; }
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:underline;outline:none; color:#333}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
input::-webkit-input-placeholder{color:#bababa;}
input::-moz-placeholder{color:#bababa;}
input:-moz-placeholder{color:#bababa;}
input:-ms-input-placeholder{color:#bababa;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.cl{clear:both; display:block}
ul,li{ list-style-type:none;}
i,em{ font-style:normal}
a{
transition: all 0.3s;
-moz-transition: all 0.3s;	/* Firefox 4 */
-webkit-transition: all 0.3s;	/* Safari 和 Chrome */
-o-transition: alll 0.3s;	/* Opera */
}  
body{ color:#444;  font-size:15px; overflow-x:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0); font-family:"微软雅黑",Microsoft YaHei; line-height:1.6; background-color:#fff  } 
a{ color:#444; text-decoration:none; font-size:15px;}
a:hover{ color:#1d53ad; text-decoration:none}
.weap{ max-width:1200px; margin:0 auto; } 
/*布局*/
.ui-flex{display: -webkit-box; width: 100%; -webkit-box-sizing: border-box;}
.ui-list-info{-webkit-box-flex: 1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center;}
.ui-info{-webkit-box-flex: 1; }
.ui-c{-webkit-box-align:center}
.ui-nowrap{max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} 
.ui-nowrap-multi { display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} 
/*头部*/
.topbar{  padding:15px 0}
.topbar .logo{ float:left;} 
.topbar .logo img{ height:84px;}
.topbar .topcentre{ float:left; font-size:15px; color:#a3a3a3; padding-top:55px; margin-left:6%}
.topbar .date{ float:left; margin-right:20px}
.topbar .linksa{ float:left}
.topbar .linksa a{ color:#a3a3a3;font-size:15px; margin:0 10px;}
.topbar .linksa a:hover{ text-decoration:underline}
.topbar .topright{ float:right; padding-top:50px; padding-right:317px;}
.topbar .wx{ display:inline-block; width:30px; height:30px; vertical-align:middle; z-index:3; position:relative; background:url(../images/ico-wx.png) no-repeat center; background-size:100%; cursor:pointer;}
.topbar .wx .sub{ position:absolute; width:120px; height:120px;top:35px; left:50%; margin-left:-60px; box-shadow:0 0 5px #eee; padding:3px; background-color:#fff; display:none}
.topbar .wx:hover .sub{ display:block}
.topbar .wx img{ width:100%}
.qm-top .take{  display:block; height:28px; line-height:28px; text-align:center; border:1px solid #6aa3d8; color:#6aa3d8; background-color:#e6f9ff; width:100px; position:absolute; z-index:1;top:-50px; right:210px}
.qm-top .take:hover{ background-color:#6aa3d8; color:#fff;}
.qm-top .take1{  display:block;text-align:center;  position:absolute; top:-43px; right:0}
/*导航*/
.menubox{ position:relative}
.menu{  position:relative; background-color:#154695; padding-left:8px; padding-right:285px; margin-bottom:15px;}
.qm-nav{ max-width:840px;height:44px; line-height:44px;}
.qm-nav li{ float:left; width:14.2%;}
.qm-nav li a{ display:block; color:#fff; font-size:17px; text-align:center; position:relative; margin:0 2px}
.qm-nav li a:hover,.qm-nav li.on a{ background-color:#fff; color:#333; box-shadow:0 0 4px #999}
.qm-nav li a:hover:before,.qm-nav li.on a:before{ content:""; display:block; position:absolute; z-index:1;top:-4px; left:0; right:0; height:4px; background-color:#2d85c5}
.menubox .reachbox{ position:absolute; z-index:1; right:10px;top:7px; width:145px; background-color:#dfe1e0; padding-left:35px; padding-right:80px; border-radius:5px; overflow:hidden; background-image:url(../images/ico-reach.png); background-repeat:no-repeat; background-position:5px center; background-size:24px;}
.menubox .reachbox .intxt{ height:30px; width:100%; background:none; border:none;}
.menubox .reachbox .inbtn{ position:absolute; z-index:1; right:0;top:0;  width:80px; background-color:#a3a3a3; border:none; color:#fff; font-size:16px; height:30px; line-height:30px; cursor:pointer;}
/* footer */
.links .bd{ overflow:hidden}
.links .bd ul{ margin-left:-10px; margin-right:-10px}
.links .bd li{ float:left; width:20%; margin-bottom:20px;} 
.links .bd li a{ display:block; margin:0 10px; overflow:hidden}
.links .bd li img{ width:100%}
.footer .bd{ border:1px solid #d5d5d5; text-align:center; padding:20px; margin-bottom:10px}
.footer .bd .footnav{ margin-bottom:10px}
.footer .bd .footnav a{ margin:0 10px}

.back-top{ cursor: pointer; width:48px; height:48px; position:fixed; z-index:99; right:10px; bottom:1800px; background:url(../images/ico-top.png) no-repeat center; background-size:100%;transition: all 1s;}
.back-top.block{ bottom:20px;} 

/*页码*/
.pagenavi{ text-align:center; margin:20px 0}
.pagenavi a{ display:inline-block; padding:5px 10px; background-color:#f7f7f7;border: 1px solid #ECEDE8; margin-bottom:10px}
.pagenavi a:hover,.pagenavi a.current{ background-color:#154695; color:#fff}

.back-top{ cursor: pointer; width:48px; height:48px; position:fixed; z-index:99; right:10px; bottom:1800px; background:url(../images/ico-top.png) no-repeat center; background-size:100%;transition: all 1s;}
.back-top.block{ bottom:20px;}
@media (max-width: 1199px){
.weap{ padding-left:10px; padding-right:10px;}
}

@media (max-width: 999px){

*, :after, :before{-webkit-box-sizing: border-box; box-sizing: border-box;} 
/*头部*/ 
.topbar .take{ line-height:26px}
.menubox  .reachbox{ width:250px} 
.topbar .topcentre{ margin-left:20px}
/*底部*/
 
}
@media (max-width: 940px){
/*头部*/	
body{ padding-top:80px}
.qm-top{ position:fixed; z-index:100; left:0; right:0;top:0; box-shadow:0 0 3px rgba(0,0,0,.2)}

.topbar{ padding:10px 0; position:relative; z-index:5; background-color:#fff; margin-left:-10px; margin-right:-10px; padding:10px}
.topbar .logo img{ height:54px}
.topbar .date{ display:none}
.topbar .wx{ display:none}
.topbar .linksa{ display:none}
.topbar .topright{ padding-top:10px}
.topbar .topcentre{ padding-top:15px;}
.menubox .reachbox{ display:none;   right:10px; left:10px; top:7px; width:auto;  z-index:6 }
.qm-top.block .menubox .reachbox{ display:block}
.menubox .menu{ display:none}
.qm-top .weap{ position:relative}
.qm-top .take{ position:static; margin:10px auto;}

.menubox{ z-index:4; margin-left:-10px; margin-right:-10px;}
.menu{ height:44px; margin-bottom:5px; z-index:5} 
.qm-top.block .menubox:before{ content:""; position:fixed; z-index:1; display:block; left:0; right:0;top:0; bottom:0; background:rgba(0,0,0,.5)}
.qm-nav{ position:absolute;  height:auto; z-index:5; left:0; right:0;top:44px; background-color:#fff; box-shadow:2px 2px 5px #999}
.qm-top.block .menu{ display:block;}
.qm-nav li a{ color:#444}
.qm-nav li{ float:none; width:auto}
.qm-nav li a:hover, .qm-nav li.on a{ box-shadow:none}
.qm-nav li a:hover:before, .qm-nav li.on a:before{top:auto; bottom:0; height:2px;}

.m-nav{display:block; height: 24px; width: 30px; transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; cursor: pointer; position: absolute; right: 15px; top:25px;  z-index:5 }
.m-nav a{background-color: #154695; display: block; height: 3px; margin-top: -2px; position: relative; top: 50%; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100%;border-radius:3px;}
.m-nav a:after, .m-nav a:before{background-color: #154695; content: ""; display: block; height: 3px; left: 0; position: absolute; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100%;border-radius:3px;}
.m-nav a:before{top: -9px;}
.m-nav a:after{top: 10px;}
.qm-top.block .m-nav{transform: rotate(90deg);}
.qm-top.block .m-nav a{background-color: transparent !important;}
.qm-top.block .m-nav a:before{transform: translateY(0px) rotate(-55deg); -webkit-transform: translateY(9px) rotate(-45deg); -ms-transform: translateY(0px) rotate(-55deg);}
.qm-top.block .m-nav a:after{transform: translateY(0px) rotate(55deg); -webkit-transform: translateY(-9px) rotate(45deg); -ms-transform: translateY(0px) rotate(55deg);} 	

/*底部*/
.links .bd li{ width:33.33%}
.footer .bd{ padding:10px;}
.footbq{ font-size:14px;}
}

@media (max-width: 700px){
/*底部*/
 
}